<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新乡市全域旅游大数据平台</title>
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/chanye_pl.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-img">
            <h3>光山县旅游产业监控中心</h3>
        </div>
        <ul class="link-box">
            <li><a href="index.html">人流热力图</a></li>
            <li class="active"><a href="chanye_jq.html">行业运行监测</a></li>
            <li><a href="industryDevelopment.html">行业发展监测</a></li>
            <li><a href="video.html">第三方数据</a></li>
        </ul>
        <div class="title-left">
            <span>光山县</span>
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="./index.html">
                        <div>
                            <img src="./assets/images/icon-index.png">
                            <img src="./assets/images/icon-index-active.png">
                        </div>
                        <p>旅游发展环境</p>
                    </a>
                </li>
                <li class="active">
                    <a href="./chanye_jq.html">
                        <div>
                            <img src="./assets/images/icon-analysis.png">
                            <img src="./assets/images/icon-analysis-active.png">
                        </div>
                        <p>旅游产业监测</p>
                    </a>
                </li>
                <li>
                    <a href="./tongji.html">
                        <div>
                            <img src="./assets/images/icon-operation.png">
                            <img src="./assets/images/icon-operation-active.png">
                        </div>
                        <p>旅游统计监测</p>
                    </a>
                </li>
                <li>
                    <a href="./lvyoujia_qx.html">
                        <div>
                            <img src="./assets/images/icon-activity.png">
                            <img src="./assets/images/icon-activity-active.png">
                        </div>
                        <p>旅游+</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-nav">
                <div class="date-select-list">
                    <div class="date-tab">
                     <a href="javascript:;" class="active">日</a>
                     <a href="javascript:;">月</a>
                     <a href="javascript:;">年</a>
                    </div>
                    <div class="select-date-box">
                         <span>日期</span>
                         <input type="text" id="selectDate" placeholder="选择日期">
                         <input type="text" id="selectMonth" placeholder="选择月份" class="hd">
                         <input type="text" id="selectYear" placeholder="选择年份" class="hd">
                         <button>查询</button>
                     </div>
                 </div>
            </div>
            <div class="content-main flex1">
                <div class="content-left flex1 flex-column">
                    <div class="data-box">
                        <div>
                            <p>景区评论总数</p>
                            <span class="numberStyle">0</span>
                        </div>
                        <!-- <div>
                            <p>酒店评论总数</p>
                            <span class="numberStyle">354872</span>
                        </div> -->
                    </div>
                    <div class="bg-1 flex1 animated slideInLeft">
                        <div class="content-title"><span>景区互联网评论</span><p class="btn-list"><a href="javascript:;">全部</a><a href="javascript:;" class="green">好评</a><a href="javascript:;" class="orange">中评</a><a href="javascript:;" class="red">差评</a></p></div>
                        <div class="bg-main-1 flex1">
                           <div class="content-list scroll-box">
                               <ul>
                                   <li>
                                       <div>
                                           <span>【白马寺】基本是不错的，导游讲解不错，门票有点贵，人多。</span>
                                           <p>
                                               <i class="pinglun-time">07-05 12:20</i>
                                               <i>畅游泽州</i>
                                               <i>回复数:50</i>
                                               <i>收藏数:87</i>
                                           </p>
                                       </div>
                                       <a href="javascript:;" class="green">好评</a>
                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                </li>
                                <li>

                                </li>
                                <li>

                                </li>
                                <li>

                                </li>
                                <li>

                                </li>
                                <li>

                                </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>

                                   </li>
                                   <li>
                                   </li>
                               </ul>
                           </div>
                        </div>
                    </div>
                    <!-- <div class="bg-1 flex1 animated slideInLeft">
                        <div class="content-title"><span>酒店互联网评论</span><p class="btn-list"><a href="javascript:;">全部</a><a href="javascript:;" class="green">好评</a><a href="javascript:;" class="orange">中评</a><a href="javascript:;" class="red">差评</a></p></div>
                        <div class="bg-main-1 flex1">
                            <div class="content-list scroll-box">
                                <ul>
                                    <li>
                                        <div>
                                            <span>【高都大酒店】酒店环境整洁，房间布局堪称完美，优雅又不失情调，服务周到，让人无比舒心。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="orange">中评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【唯客·至尚酒店】这家酒店的服务员个个彬彬有礼，热情周到，酒店装修的富丽堂皇，一般人是不愿进去的。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="green">好评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【青年旅社】这酒店让在外的人，感受到了归家的感觉：这里有住家。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="red">差评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【高都大酒店】酒店环境整洁，房间布局堪称完美，优雅又不失情调，服务周到，让人无比舒心。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="orange">中评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【唯客·至尚酒店】这家酒店的服务员个个彬彬有礼，热情周到，酒店装修的富丽堂皇，一般人是不愿进去的。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="green">好评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【青年旅社】这酒店让在外的人，感受到了归家的感觉：这里有住家。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="red">差评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【高都大酒店】酒店环境整洁，房间布局堪称完美，优雅又不失情调，服务周到，让人无比舒心。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="orange">中评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【唯客·至尚酒店】这家酒店的服务员个个彬彬有礼，热情周到，酒店装修的富丽堂皇，一般人是不愿进去的。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="green">好评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【青年旅社】这酒店让在外的人，感受到了归家的感觉：这里有住家。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="red">差评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【高都大酒店】酒店环境整洁，房间布局堪称完美，优雅又不失情调，服务周到，让人无比舒心。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="orange">中评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【唯客·至尚酒店】这家酒店的服务员个个彬彬有礼，热情周到，酒店装修的富丽堂皇，一般人是不愿进去的。。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="green">好评</a>
                                    </li>
                                    <li>
                                        <div>
                                            <span>【青年旅社】这酒店让在外的人，感受到了归家的感觉：这里有住家。</span>
                                            <p>
                                                <i class="pinglun-time">07-05 12:20</i>
                                                <i>畅游泽州</i>
                                                <i>回复数:50</i>
                                                <i>收藏数:87</i>
                                            </p>
                                        </div>
                                        <a href="javascript:;" class="red">差评</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div> -->
                </div>
                <div class="content-right flex1">
                        <div class="bg-1 flex1 animated slideInDown delay-1">
                            <div class="content-title">评价占比</div>
                            <div class="bg-main-1 flex-row">
                                <div class="flex1" id="pinglun-1"></div>
                            </div>
                        </div>

                    <div class="bg-1 flex1 animated slideInDown delay-1">
                        <div class="content-title">景区评价排行</div>
                        <div class="bg-main-1 flex-row">
                            <div class="flex1 flex-column">
                                <span class="pingjia-title">好评TOP5</span>
                                <div class="flex1" id="pinglun-2"></div>
                            </div>
                            <div class="flex1 flex-column">
                                <span class="pingjia-title red">差评TOP5</span>
                                <div class="flex1" id="pinglun-3"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./assets/plugin/jquery.min.js"></script>
<script src="./assets/plugin/scroll.js"></script>
<script src="./assets/plugin/ECharts/echarts.js"></script>
<script src="./assets/plugin/laydate/laydate.js"></script>
<script src="./assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="./assets/js/public.js"></script>
<script src="./assets/js/chanye_pl.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var evaluationData= [
            { value: 30, name: '好评' },
            { value: 20, name: '中评' },
            { value: 10, name: '差评' }
        ]
        var visits = [20,19,15,12,9]; //数值
        var grade = ['司马光家宴' ,'司马光故居','龙山湖','南王岗双创中心','邓颖超祖居'];
        setTimeout( myChart1,1800,'pinglun-1',evaluationData);
        setTimeout( myChart2,2600,'pinglun-2',grade,visits);
        setTimeout( myChart2,3000,'pinglun-3',grade,visits);

    })
</script>
</html>
